<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui" 
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                template="principalProyecto.xhtml" >
    
<ui:define name="htmlPaso">
    <h:form id="formSeguimientoProyecto">
        
        <h1>5. Redactar mensajeria</h1>
        
        <p:separator/>
        
        <h:panelGrid id="pnlIniciarProyecto" border="0" style="width: 100%;" columns="1" >  

            <p:row/>
            <p:outputLabel value="Personaliza los comunicados que apareceran durante el proyecto. Recuerda que debes redactar la convocatoria, las instrucciones y el agradecimiento." />
            <p:row/>
            
            <h3>Lista de mensajes</h3>
            
            <p:panelGrid>
            
                <p:growl id="growl" showDetail="true" />
                
                <f:facet name="header">
                     <p:row>
                        <p:column colspan="6">
                            <p:outputLabel value="Lista de comunicados del proceso" />
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>Nro</p:column>
                        <p:column>Mensaje</p:column>
                        <p:column>Editar</p:column>
                        <p:column>Creado</p:column>
                        <p:column>Vista previa</p:column>
                        <p:column>Descripcion</p:column>
                    </p:row>
                </f:facet>
                
                <p:row>
                    <p:column>
                        <p:outputLabel value="1" />
                    </p:column>
                    <p:column>
                        <p:outputLabel value="Convocatoria" />
                    </p:column>
                    <p:column>
                        <p:commandButton value="#{redactarMensajesView.blConvocatoria==true?'Modificar':'Redactar'}" disabled="#{redactarMensajesView.blProyectoTerminado}" actionListener="#{redactarMensajesView.abrirPanelComunicados(52,0)}" > 
                            <p:ajax event="dialogReturn" listener="#{redactarMensajesView.init}" update="pnlIniciarProyecto" />
                        </p:commandButton>
                    </p:column>
                    <p:column style="text-align: center;">
                        <p:commandButton disabled="true" icon="#{redactarMensajesView.blConvocatoria==true?'ui-icon-check':null}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <p:commandButton value="Ver" disabled="#{redactarMensajesView.blConvocatoria==true?false:true}" actionListener="#{redactarMensajesView.preview(52)}" update="pnlIniciarProyecto" />
                    </p:column>
                    <p:column>
                        <p:outputPanel style="max-width: 300px;" > 
                            Este mensaje es enviado por correo a todos los evaluadores indicando su participación.
                        </p:outputPanel>
                    </p:column>
                </p:row>
                
                <p:row>
                    <p:column>
                        <p:outputLabel value="2" />
                    </p:column>
                    <p:column>
                        <p:outputLabel value="Instrucciones" />
                    </p:column>
                    <p:column>
                        <p:commandButton value="#{redactarMensajesView.blInstrucciones==true?'Modificar':'Redactar'}" disabled="#{redactarMensajesView.blProyectoTerminado}" actionListener="#{redactarMensajesView.abrirPanelComunicados(53,0)}" > 
                            <p:ajax event="dialogReturn" listener="#{redactarMensajesView.init}" update="pnlIniciarProyecto" />
                        </p:commandButton>
                    </p:column>
                    <p:column style="text-align: center;">
                        <p:commandButton disabled="true" icon="#{redactarMensajesView.blInstrucciones==true?'ui-icon-check':null}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <p:commandButton value="Ver" disabled="#{redactarMensajesView.blInstrucciones==true?false:true}" actionListener="#{redactarMensajesView.preview(53)}" update="pnlIniciarProyecto" />
                    </p:column>
                    <p:column>
                        <p:outputPanel style="max-width: 300px;" > 
                            Este mensaje se mostrará cuando el evaluador ingrese al sistema, antes de comenzar la evaluación.
                        </p:outputPanel>
                    </p:column>
                </p:row>
                
                <p:row>
                    <p:column>
                        <p:outputLabel value="3" />
                    </p:column>
                    <p:column>
                        <p:outputLabel value="Agradecimiento" />
                    </p:column>
                    <p:column> 
                        <p:commandButton value="#{redactarMensajesView.blAgradecimiento==true?'Modificar':'Redactar'}" disabled="#{redactarMensajesView.blProyectoTerminado}" actionListener="#{redactarMensajesView.abrirPanelComunicados(54,0)}" > 
                            <p:ajax event="dialogReturn" listener="#{redactarMensajesView.init}" update="pnlIniciarProyecto" />
                        </p:commandButton>
                    </p:column>
                    <p:column style="text-align: center;">
                        <p:commandButton disabled="true" icon="#{redactarMensajesView.blAgradecimiento==true?'ui-icon-check':null}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <p:commandButton value="Ver" disabled="#{redactarMensajesView.blAgradecimiento==true?false:true}" actionListener="#{redactarMensajesView.preview(54)}" update="pnlIniciarProyecto" />
                    </p:column>
                    <p:column>
                        <p:outputPanel style="max-width: 300px;" > 
                            Este mensaje se mostrará cuando el evaluador culmine la evaluación.
                        </p:outputPanel>
                    </p:column>
                </p:row>
            
            </p:panelGrid>
            
            <p:commandButton actionListener="#{redactarMensajesView.enviarmeMensajeria}" value="Enviarme las muestras a mi correo" disabled="#{redactarMensajesView.blConvocatoria==true or redactarMensajesView.blInstrucciones==true or redactarMensajesView.blAgradecimiento==true?redactarMensajesView.intIdEstadoProyecto==37?true:false:true}" update=":formSeguimientoProyecto" />

            <c:if test="#{redactarMensajesView.strPreview!=''}">
                <h3>Vista Preliminar</h3>
                <p:panel style="max-width: 700px;" >
                    <h:outputText value="#{redactarMensajesView.strPreview}" escape="false" />
                </p:panel>
            </c:if>
        </h:panelGrid>   
        
    </h:form>
</ui:define>
</ui:composition>